@charset "utf-8";
/************************portfolio********************************/
.list {
	margin: 0 auto;
}
.list article.item {
	max-width: 340px;
    min-width: 200px;
    width: 206px;
	height: auto;
	margin: 0 14px 14px 0;
	padding: 24px 22px;
	background: none repeat scroll 0 0 #FFFFFF;
}
.list article.item .header {
    border-bottom: 1px dashed #D6D6D6;
    color: #202020;
    font: italic 12px Georgia;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.list article.item .header span {
    color: #B3B3B3;
}
.list article.item .header a {
    color: #202020;
}
.list article.item .header h3 {
    font: bold 18px 'Helvetica';
    margin-bottom: 0.5em;
}
.list article.item .header h3 a {
    color: #202020;
}
.list article.item .preview {
	margin-bottom: 10px;	
}
.list article.item .preview .anons {
    border: medium none;
    text-transform: none;
    color: #A0A0A0;
    font: 13px/20px sans-serif,arial;
    margin-bottom: 10px;
}
.list article.item .meta a {
    color: #202020;
    display: block;
    font: 12px/18px Arial,Helvetica,sans-serif;
    letter-spacing: 1pt;
}
.list article.item .meta .comments-link {
    color: #202020;
    float: left;
}
.list article.item .meta a span {
    background: url("../img/post-navigation.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 16px;
    vertical-align: top;
    width: 14px;
}
.meta .social-icon {
    background: url("../img/social-icons-small.png") repeat scroll 0 100% transparent;
    display: block;
    float: right;
    height: 14px;
    margin-left: 5px;
    overflow: hidden;
    text-indent: -999px;
    width: 14px;
}
.meta .social-icon.facebook {
    background-position: -88px 100%;
}
.meta .social-icon.twitter {
    background-position: -102px 100%;
    width: 18px;
}
.meta .social-icon.google {
    background-position: -75px 100%;
}
.meta .social-icon.facebook:hover {
    background-position: -88px 0;
}
.meta .social-icon.twitter:hover {
    background-position: -102px 0;
    width: 18px;
}
.meta .social-icon.google:hover {
    background-position: -75px 0;
}
.meta .social-icon.pinterest:hover {
    background-position: 0 0;
}
